<div ng-include="PublicHead" class="PublicHead" onload="ChangeLeft('CheckMgmt')"></div>

<div class="">
    <div ng-include="PublicLeft"></div>

    <div class="col-md-10 col-sm-10 col-xs-offset-2 col-xs-10 PubRight">
        <div class="warp clearfix">
            <div class="box-charts">
                <div class="box-tit"><img src="img/index/icon_petal.png" alt=""/>缺陷类型统计</div>
                <div class="box-chart clearfix">
                    <div class="pull-left" e-charts data-Option="itemOption" style="width: 50%;height: 100%"></div>
                    <div class="pull-right">
                        <div class="chart-legend clearfix" ng-repeat="data in echartData">
                            <div class="pull-left legend-title">
                                <img ng-src="{{data.Image1}}" alt=""/>
                                {{data.name}}
                            </div>
                            <div class="pull-left legend-bar">
                                <span class="bar-width" ng-style="{width:data.value/total*100  +'px'}"></span>
                            </div>
                            <span class="pull-left chart-num">{{data.value}}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box-charts">
                <div class="box-tit"><img src="img/index/icon_block.png" alt=""/>月缺陷数量统计</div>
                <div class="box-chart">
                    <div e-charts data-Option="axisOption" style="width: 100%;height: 100%"></div>
                </div>
            </div>
            <div class="box-charts">
                <div class="box-tit"><img src="img/index/icon_bar_b.png" alt=""/>线路缺陷数量统计</div>
                <div class="box-chart">
                    <div e-charts data-Option="categoryOption" style="width: 100%;height: 100%"></div>
                </div>
            </div>
            <div class="box-charts">
                <div class="box-tit"><img src="img/index/icon_calendar.png" alt=""/>计划实施统计</div>
                <div class="box-chart">
                    <div id="axis" style="width: 100%;height: 100%">
                        <!--<div e-charts data-Option="" style="width: 500px;height: 350px;"></div>-->
                    </div>

                </div>
            </div>
        </div>
    </div>

</div>

